<template>
  <div class="Error">
    <m-result
      icon="error"
      title="当前企业已禁用"
      subTitle="请切换其他企业或联系管理员。"
      v-if="errorCode == 1052"
    >
      <template slot="extra">
        <m-button type="primary" @click="logout">退出登录</m-button>
      </template>
    </m-result>
    <m-result
      icon="error"
      title="请联系系统管理员加入该平台"
      subTitle="您还未加入该平台，暂不能使用，请联系管理员加入。"
      v-else-if="errorCode == 1056"
    >
      <template slot="extra">
        <m-button type="primary" @click="logout">退出登录</m-button>
      </template>
    </m-result>
    <m-result
      icon="error"
      title="无权限"
      subTitle="您没有权限，暂不能使用，请联系管理员。"
      v-else-if="errorCode == 1057"
    >
      <template slot="extra">
        <m-button type="primary" @click="logout">退出登录</m-button>
      </template>
    </m-result>
    <m-result
      icon="error"
      title="授权到期"
      subTitle="企业使用时间已到期，请联系管理员。"
      v-else-if="errorCode == 1058"
    >
      <template slot="extra">
        <m-button type="primary" @click="logout">退出登录</m-button>
      </template>
    </m-result>
    <m-result
      icon="error"
      title="404"
      subTitle="页面不存在或者没有访问权限。"
      v-else-if="errorCode == 404"
    >
      <template slot="extra">
        <!--        <m-button type="primary" @click="logout">退出登录</m-button>-->
      </template>
    </m-result>
    <m-result
      icon="error"
      title="未知错误"
      :subTitle="`错误代码: ${errorCode}`"
      v-else
    >
      <template slot="extra">
        <m-button type="primary" @click="$m.close()">关闭</m-button>
      </template>
    </m-result>
  </div>
</template>

<script>
export default {
  name: "Error",
  data() {
    return {};
  },
  components: {},
  computed: {
    errorCode() {
      return this.$route.query.errorCode;
    },
  },
  mounted() {},
  methods: {
    logout() {
      this.$store.dispatch("logout");
    },
  },
};
</script>

<style lang="scss" scoped></style>
